Skip to content

Latest commit

 

History

History
100 lines (50 loc) · 2.65 KB

README.md

File metadata and controls

100 lines (50 loc) · 2.65 KB

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

Screenshot (147)

Todo Page

Screenshot (152)

Book Page

Screenshot (148)

Movie Page

Screenshot (149)

Cart Page

Screenshot (150)

Contact Page

Screenshot (151)

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