Git Product home page Git Product logo

groww_clone's Introduction

Building the clone of the Groww Website.

Description

This project involves around trading platform, Where a user can find details about various companies which are enlisited on national

stock exchange and find details about companies providing ipo, From this platform user can invest into multiple stocks and mutual funds.

Hello there, you might have seen the Groww Website, where investors can trade and invest in Stocks and Mutual funds..

Moving ahead, we team 19 at Masai School developed a clone of the website of Groww within a week as a part of our curriculum.

This blog is all about our journey and the challenges we faced while building the project.

What was our problem statement and how did I approach it:-

So we had a problem statement that we have to create a clone of a website called groww.com . Also, We can only use my HTML, CSS, and core JavaScript knowledge. We were three members in our group.

Some Snapshots of our project that we made:-

we just have to add images

- Landing Page:-

This is the Landing page when the user enters the website for the first time this page will show up.

Screenshot (407)

- Signup page:-

WhatsApp Image 2021-08-29 at 19 35 49

-Products:-

Screenshot (408)

How We divided the work in our Team members:-

As we were five members in our team so it was very important to decide how we will approach the work so that

in the future we should not face any problem in merging the code, as well as the tasks, get divided into equal

parts.So, on the first day, As a team leader, I made a git repository and everyone was told to make their separate

git branch by cloning the repo and push their work there and when they feel that they have completed it.They can show

it to one of the members(team leader) and after the approval, they can merge their code to the main branch.I was mainly

responsible for making the Product page and navigation bar and script part which are similar on all the pages.

And my other team members were responsible for the login page, landing page, and Cart page and make the page look better.

The outcome and important learning from the project:-

This entire journey of making the project was awesome. We learned lots of things by applying to the real website and

it gave us a lot of confidence. Although we could have done more such as we could have added a timer and there were some

more functionalities that could have been done, yeah the time didn't permit us to go further. But we will surely improve it

Technology used:

HTML

Used to build the basic structure of the cloned site. All the headings, paragraphs, links, forms, etc were structured by HTML.

CSS

Used to add styling to our structure. Background images were used to make the website identical. Also, Grid and Flex boxes

were used along with the media queries to make the pages fully responsive.

Javascript

Used to add logical functionalities to the page like Onscroll functions login and signup carts

and price calculation, animations and also to make the dynamic aspect of the website.

Mongo Atlas

MongoDB Atlas is a cloud service by MongoDB

Express

Express is a fast, assertive, essential and moderate web framework of Node.js.

Note:

All the image and icon links have been taken from the main website (Groww.com) and some other internet sources

and may be subject to copyright. So, try not to use the images or icons for business purposes or reproduce them without

prior approval from the owner. The images and icons used here are just for making this project and for learning purposes.

groww_clone's People

Contributors

syammed2429 avatar maiku11 avatar mayank0303 avatar mukhiarambhu avatar

Stargazers

Somasree Majumder avatar Himanshu Aggarwal avatar Aditya Satalkar avatar

Watchers

 avatar TT INFOTECHS avatar

groww_clone's Issues

fix: mongodb link

your mongodb link is now working

in the file srs->config->db.js

const mongoose = require("mongoose");
const connect = () => {
return mongoose.connect(
"mongodb+srv://rambhu:[email protected]/companies?retryWrites=true&w=majority"
);
};

module.exports = connect;

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.