Skip to content

Sahil-Sayyad/Full_Stack_Web_App_TechVolt

Repository files navigation

TechVolt Full Stack Web App

Explore TechVolt, tailored for eCommerce platforms specializing in technology and home appliances.This web app offers meticulously designed pages including Home, Product Details, Cart, Payment Info, and more, ensuring a cohesive and engaging user experience. With features like a wishlist, product grids, and detailed product pages, it provides everything needed to transform your online store into a tech-lover's paradise. Ideal for businesses aiming to streamline their online shopping process and enhance user engagement.

Description

- This React application is built using [vite](https://vitejs.dev).

- It Uses [Tailwind CSS](https://tailwindcss.com/).

- The application uses node.js as the backend.

- Database it uses MongoDB.

Pre-requisites

- [git](https://git-scm.com/) - v2.13 or greater

- [NodeJs](https://nodejs.org/en/) -v16 or greater

- [npm](https://www.npmjs.com/) -v6 or greater

Running in dev environment

  1. cd your_application
  2. npm install
  3. npm run dev

Tech Stack

  1. React.js
  2. Node.js
  3. Express.js
  4. MongoDB

.env file

this file contains various environment variables that you can configure.

Folder Structure

 ── public
    ├── assets
    │   ├── images ----- All Project Images
    │   └── fonts ------ Project fonts
    ├── favicon.ico
    
 ── src
    ├── components ------- UI and Detected Common Components
    ├── constants -------- Project constants
    ├── hooks ------------ Helpful Hooks
    ├── pages ------------ All route pages
    ├── styles
    │   ├── index.css ----- Other Global Styles
    │   └── tailwind.css --- Default Tailwind modules
    ├── App.jsx
    ├── main.jsx
    ├── Routes.jsx -------- Routing
    └── util
        └── index.jsx ----- Helpful utils

  ── index.html
  ── postcss.config.js
  ── package.json
  ── README.md
  ── vite.config.js
  ── tailwind.config.js ------------------------------ Entire theme config, colors, fonts etc.

* index.html is the page template;
* src/main.jsx is the JavaScript entry point.

About

This web app offers meticulously designed pages including Home, Product Details, Cart, Payment Info, and more, ensuring a cohesive and engaging user experience. With features like a wishlist, product grids, and detailed product pages, it provides everything needed to transform your online store into a tech-lover's paradise.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors