GithubHelp home page GithubHelp logo

ritikaradhakrishnan / thriftu Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 6.47 MB

Explore the MERN Stack E-Commerce Service App "thriftU", dedicated to sustainable shopping. I rely on MongoDB, Express.js, React.js, and Node.js to create a seamless, high-performance experience. With Stripe for payments and real-time chat, "thriftU" harness technology to make eco-friendly choices easier in an environmentally conscious world.

JavaScript 74.03% HTML 0.78% SCSS 25.19%

thriftu's Introduction

๐ŸŒฑ MERN Stack Thrift Store: Sustainable Shopping for a Greener Tomorrow ๐ŸŒ

Getting Started

Starting the API Server

To start the API server, open your terminal and run the following commands:

cd api
yarn start

Starting the Client Side

To start the client application, open your terminal and run the following commands:

cd client
yarn run dev

Technologies Used:

React.js: The frontend of the application is built with React.js (powered by Vite), offering an intuitive and engaging user interface for an optimal shopping experience. Landing Page

Node.js: Leveraging the power of Node.js, the server-side logic is handled efficiently, ensuring seamless operations and high performance.

MongoDB: I employ MongoDB for database management, facilitating robust data storage and retrieval for our application.

Express.js: The RESTful APIs are developed using Express.js, enhancing the application's functionality and enabling smooth user interaction.

Stripe: For secure and reliable payment processing, Stripe is integrate, a trusted payment gateway, to ensure smooth and secure transactions.

JWT and Cookies: Security is paramount, and secure authentication using JSON Web Tokens (JWT) is implemented to safeguard user information.

Real-Time Chat: Enhancing user engagement, real-time chat functionality is added to facilitate communication between buyers and sellers.

Image Uploading with Cloudinary: The application enables users to upload images effortlessly using Cloudinary, enhancing the visual appeal of product listings.

Review and Rating System: Transparency is key, so a review and rating system to help users make informed decisions when purchasing thrifted items.

React Query: To ensure efficient data synchronization and state management, React Query is employed, ensuring a smooth and responsive user experience.

Some Features: If you wish to register as a seller, you can do so during the sign-up process:

Landing Page

Landing page after signing up:

Landing Page

About Vite: "Vite + ReactJS" for building modern web applications. Vite offers fast development server and build time. When used together, Vite's speed and React's component-based approach make for an efficient and enjoyable development experience.

At the heart of the project is a commitment to environmental sustainability. By creating a thrift store application, users are encouraged to embrace a more responsible and eco-conscious approach to shopping. By offering a seamless and secure e-commerce experience, I hope to inspire positive change in the way people consume and recycle fashion and goods. ๐Ÿ›๏ธ๐ŸŒฟ

thriftu's People

Contributors

ritikaradhakrishnan avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.