Skip to content

This Project is About Cloning and Building Hubsot.com . The main objective of this project to build smooth and clean user flow with major functionality. User can navigate through website to explore demo ,signup & login page to enjoy seamless user experience.

Notifications You must be signed in to change notification settings

optimizershivam/Hubspot-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 

Repository files navigation

Hubspot

Hubspot app cover

Web application to show the smooth and clean user flow.


reactjs redux chakra-ui restAPI css3 JavaScript Bootstrap


Getting StartedInstalling

Hubspot Website Clone (Learning Purpose)

About Hubspot Website :

Hubspot is an American developer and marketer of software products for inbound marketing, sales, and customer service

🚀 Features

  • Homepage
  • Login/Signup User Account
  • Redux Authentication
  • Private Routes
  • Demo Page or Form
  • Address Management
  • Courses & Certification Page
  • Cart page with Payment Option
  • All page are working

Home Page :

HomePage

SignUp Page :

SignUp Page

Sign In / Login Page :

SignIn Page

Pricing Page :

Pricing Page

Payment Page :

Payment Page

Getting Started

This project was built using React v 17.0.2, Redux v 4.1.2, Chakra UI, CSS and Rest API. It is a web application and for running on your local environment you should follow these guidelines.

Prerequisites

  • NPM

Setup

The project repository can be found in GitHub link or just clone the project using this command.

Using HTTPS
# git clone  https://github.com/optimizershivam/Hubspot-clone.git
  • Open terminal on your workspace with
cd /home/workspace/Hubspot-clone

Install

Install NPM

Check that you have node and npm installed

To check if you have Node.js installed, run this command in your terminal:

node -v

To confirm that you have npm installed you can run this command in your terminal:

npm -v

To install all the dependences of the project, run the following command:

npm install

To run the application, run the following command:

npm run dev

Tools used on this project

  • Visual Studio Code

Some Chanllenges We Faced :

We have faced few challenges while working on project , sometimes it take lot of time to finish the tasks , but on the other hand we learned many things from that. some of the challenges are- As this is the first time we are working by creating branches from Github main , we have to handle the data carefully. Sometimes due to the some network issue there was a lack of communication between members but we able to sort out the issue and we finished our work within the given time.

Conclusion & Experience :

We are very thankful to our Team lead,Teammates and instructor for helping us to finish the project within due date. We are looking forward to add some features and functionalities which we left in this project for future expansion. The entire journey of working with this project was great. We have learned lots of things by applying the ideas and concepts to the real website and we have got a lot of confidence. This project is the result of Hardwork and Dedication by the Team Members.

Team Members and Contributors :

1]Shivam Sharma(Team Lead)

2]Sayli Giri

3]Tejaswini Mahale

4]Unnikrishnan S

5)Bala Chandar S

Links :

Contact

If you want to contact me, you can reach me through below handles.

linkedin Github

© 2022 Shivam Sharma

About

This Project is About Cloning and Building Hubsot.com . The main objective of this project to build smooth and clean user flow with major functionality. User can navigate through website to explore demo ,signup & login page to enjoy seamless user experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •