alinacgm/fullstackmongodb

Fullstack Project

FullStackMongoDB is a web application built using the MERN stack (MongoDB, Express, React, Node.js) for the backend and frontend, and Redux Toolkit for state management. It is a simple e-commerce application that allows users to browse and purchase products, while also allowing administrators to manage the products and orders.

How to run project

Front-end

1. Step 1: cd to client
2. Step 2: yarn
3. Step 3: yarn start

Back-end

1. Step 1: cd to api
2. Step 2: yarn
3. Step 3: yarn start

Remember to run both front-end and back-end at the same time

Backend:

• MongoDB: A document-based NoSQL database for storing data
• Express.js: A server-side web application framework for Node.js
• Node.js: A server-side JavaScript runtime environment

Frontend:

• React.js: A client-side JavaScript library for building user interfaces
• Redux Toolkit: A library for efficient Redux development
• Axios: A library for making HTTP requests
• React Router Dom: A library for handling client-side routing in React applications
• React Bootstrap: A library of reusable front-end components
• Yup: A JavaScript schema builder for value parsing and validation
• React Hook Form: A library for building performant and flexible forms with React

Styling:

• MUI (formerly Material-UI): A popular React UI framework for building responsive and mobile-friendly web applications
• Emotion: A library for styling React components with CSS-in-JS

The project demonstrates the use of popular technologies for building scalable and maintainable full-stack applications while prioritizing user experience. The project is also mobile responsive and user-friendly.

Deploy link: https://mobilic-front-end.onrender.com