Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tarun-upadhyay/arbadevelopmentstudios_fullstack_assginment

This project aims to create a comprehensive E-Commerce platform with user authentication, profiles, and product management. Using Node.js and MongoDB for the backend, it provides APIs for user operations and product management. The frontend, built with React.js and TypeScript, offers features like login/signup forms, profile management.
https://github.com/tarun-upadhyay/arbadevelopmentstudios_fullstack_assginment

bcryptjs chakra-ui-react cloudinary cookies express-js formik-yup materialtailwindcss mongodb-atlas mvc-architecture nodejs-server reactjs reactrouterdom redux-thunk redux-toolkit render tailwindcss

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/tarun-upadhyay/arbadevelopmentstudios_fullstack_assginment
Owner: tarun-upadhyay
Created: 2024-04-17T15:30:01.000Z (8 months ago)
Default Branch: main
Last Pushed: 2024-05-15T07:39:34.000Z (7 months ago)
Last Synced: 2024-10-12T12:13:51.792Z (2 months ago)
Topics: bcryptjs, chakra-ui-react, cloudinary, cookies, express-js, formik-yup, materialtailwindcss, mongodb-atlas, mvc-architecture, nodejs-server, reactjs, reactrouterdom, redux-thunk, redux-toolkit, render, tailwindcss
Language: TypeScript
Homepage: https://arbadeployment.onrender.com/
Size: 13.4 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Project Overview

# ArbaDevelopmentStudios Full Stack Coding Assignment.

---

This project aims to create a comprehensive online platform for E-Comm store, complete with user authentication, user profiles, and a full-fledged product management system. The backend is built using Node.js and MongoDB, offering APIs for user authentication, user profile management, and CRUD operations for categories and products. The frontend, developed with React.js and TypeScript, provides a seamless user experience with features like login and signup forms, user profile management, and a product home page with dynamic product listings and cart functionality. The design focuses on simplicity and user-friendliness, ensuring that users can easily navigate the platform, manage their profiles, and browse and rent vehicles hassle-free. Overall, the project aims to deliver a modern, responsive, and efficient online platform for vehicle rental services.

---

## Deployed Links

- Full app: https://arbadeployment.onrender.com/

---



🌐 MERN Stack App





MongoDB, Expressjs, React/Redux, Nodejs





   

      

   

   

      

   



> MERN app,Tech Stacks-> MongoDB, Expressjs, React/Redux, TailwindCss, Github, Nodejs, Typescript, Cloudniary.

If the web-app is not responsing, please wait and reload. This may occur due to

Render's free version not responding.

## Requirements

- For development, you will only need Node.js and a node global package, NPM, installed in your environement.

## Clone or Download

```terminal

$ git clone https://github.com/tarun-upadhyay/ArbaDevelopmentStudios_FullStack_Assginment.git

$ yarn # or npm i

```

## Project structure

```terminal

client

    - package.json

    - src

        - index.js

        - App.jsx

     - Components

     - Pages

         ---

server

    - package.json

    - app.js

    - controller

        - authController.js

        - allother controles..

    - DB

       - db.config.js

...

```

## Client-side usage(PORT: 3000)

```terminal

$ cd frontend          // go to frontend folder

$ yarn # or npm i     // npm install packages

$ npm start          // run it locally

```

## Server-side usage(PORT: 5000 || 8080)

```

$ cd backend          // go to client folder

$ yarn # or npm i    // npm install packages

$ npm start        // run it locally

```

### Prepare your secret

- Inside ->.env

- MONGO_URI

- JWT_SECRET

- JWT_LIFETIME

- JWT_LIFETIME

- cloud_name

- api_key

- api_secret

---

# Features.

# Customer Pages

### Login Page

![alt text](./images/image.png)

### Signup Page with form validation

![alt text](./images/image-1.png)

### Homepage Page

![alt text](./images/image-2.png)

![alt text](./images/image-3.png)

![alt text](./images/image-4.png)

- Add to Cart

  ![alt text](./images/image-5.png)

### Cart Page

![alt text](./images/image-6.png)

  - Profile Menu

  ![alt text](./images/image-7.png)

### All Products Page

![alt text](./images/image-18.png)

### My Store Page

 - Category Section

 -  ![alt text](./images/image-8.png)  

    -  Filter

      ![alt text](./images/image-9.png)

    - Add Category

     ![alt text](./images/image-10.png)

  - Products Section   

   - ![alt text](./images/image-11.png)

     - Filter

         ![alt text](./images/image-12.png)

- Add Product   

        ![alt ftext](./images/image-13.png)

### Profile Page

 ![alt text](./images/image-14.png)

 - Can Update the Name

   ![alt text](./images/image-15.png)

 -  Can Update the Password

   ![alt text](./images/image-16.png) 

-  Can Upload Image

   ![alt text](./images/image-17.png)

# Thank you for your time

- Thank you for using this application

- Feel free to ask any query.

[My Github](https://github.com/tarun-upadhyay)

https://github.com/tarun-upadhyay

[My Portfolio](https://tarun-upadhyay.github.io/)

https://tarun-upadhyay.github.io/

[Email ME](mailto:[email protected])

---