Giter Club home page Giter Club logo

shoptik-e-commerce-website's Introduction

Logo

Shoptik - Furniture eCommerce Web App

Shoptik is a full-stack eCommerce project designed to sell furniture online. The project uses modern technologies to provide an engaging user interface and a seamless shopping experience. The frontend of the project was developed using React, Context API, and React Router. Stripe was integrated as the payment gateway, and user authentication and authorization were implemented using Auth0.

For data storage, Airtable was used as a scalable and efficient database solution. Serverless functions were implemented on the backend to handle the processing of data and the communication between the frontend and the database.

Features

  • ๐Ÿ“ฑ Easy to navigate user interface for furniture shopping
  • ๐Ÿ’ณ Secure payment gateway integration using Stripe
  • ๐Ÿ” User authentication and authorization using Auth0
  • ๐Ÿ“ Efficient data storage and retrieval using Airtable
  • ๐Ÿ“ฒ Responsive and fast frontend using React, Context API, and React Router
  • ๐Ÿ—๏ธ Scalable backend using serverless functions

Tech Stack

Frontend: React, Context API, React Router, TailwindCSS

Backend: Netlify Serverless functions

Payment Gateway: Stripe

Data Storage: Airtable

User Authentication: Auth0

Live Project

You can access the live version of the Shoptik eCommerce by following this link Shoptik

Screenshots

Desktop

App Screenshot

Lessons Learned

  • Integrating Stripe payment on the frontend and backend using Stripe API
  • Creating a secure and scalable backend using serverless functions
  • Implementing user authentication and authorization using Auth0
  • Using Airtable as a database solution for efficient data storage and retrieval
  • Implementing a responsive and fast frontend using React, Context API, and React Router
  • Understanding the importance of proper project structure and organization
  • Leveraging Git for version control and collaboration in software development
  • Writing clean and maintainable code for long-term project sustainability
  • Handling errors and debugging issues in a full-stack project
  • Ensuring the security of user information and payment transactions.

Acknowledgements

Design Inspiration

License

Shoptik is licensed under the MIT License. See the LICENSE file for more information. MIT

Feedback

Please let us know your thoughts on my app by sending any suggestions or feedback to [email protected].

๐Ÿš€ About Me

  • Full-stack developer with experience in modern web development
  • Proficient in React and JavaScript for frontend development
  • Skilled in Redux Toolkit for state management in frontend applications
  • Experienced in Node.js and Express.js for backend development
  • Ability to create efficient and high-performance server-side applications
  • Proficient in using TailwindCSS for creating visually appealing and responsive user interfaces
  • Passionate about building user-friendly and efficient applications using cutting-edge technologies
  • Always eager to learn new technologies and improve skills to provide the best solutions to clients.

๐Ÿ”— Links

portfolio linkedin twitter Peerlist

shoptik-e-commerce-website's People

Contributors

themodernmonk7 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

shoptik-e-commerce-website's Issues

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.