Multiple-Web.com

Objective:

ReactApp Hub is a multifunctional web application with a primary objective of enhancing users' productivity, entertainment, and communication. The app achieves this through five distinct pages: Todo, Book, Movie, Cart, and Contact, along with a Home Page, Navbar, and Footer.

Description:

ReactApp Hub is a versatile web application designed to boost productivity and entertainment while facilitating seamless communication. With pages dedicated to task management, book discovery, movie exploration, and easy cart functionality, users can effortlessly organize their lives. The app's engaging interface and user-friendly navigation ensure a delightful experience as users explore captivating books, discover new movies, and interact with the support team through the Contact Page. With a clear mission to provide an exceptional user experience, ReactApp Hub aims to become the go-to platform for users seeking productivity and enjoyment in one place.

Some snapshots of the UI

Home Page

Todo Page

Book Page

Movie Page

Cart Page

Contact Page

Tech Stacks:

1) Front-end:
    * React (HTML5, JS, CSS3)
    * React
    * Chakra-Icon
    * Chakra Ui
    * External CSS Libraries (Styled-Components, framer-motion,Slicka,)

Dependencies:

Front-end

1) react
2) react-dom
3) react-scripts
4) Ant Design
5) chakra-icons
6) react-icons
7) chakra ui realated libararies including chakra icons
8) javaScript
9) axios
10) React-Router-Dom
11) Aos
12) Material UI

Setting Up Project in local

Frontend

1) Setting up node environment

1) navigate to Front-end directory
2) use node version 16 or higher. version 18 is recommended
3) run command npm install

2) Starting frontend on localhost

(make sure you are confirming url of server)

npm start /*or*/ npm run start

3) Making Production ready folder

npm run build