Full stack development

Baked by Fullstack

A full-stack e-commerce store "Baked by FullStack" with user authentication for multiple roles (Users / Admins / Guests) and stripe integration for a complete shopping experience
Demonstrative image of the project
Client
Personal project
Year
2022
Project Type
Design & development
Scope

During my time at Full Stack Academy, we were split into groups and tasked with building a full-stack e-commerce platform for our capstone project of the Junior Developer phase of the program. The e-commerce platform was required to sell a specific niche of products with full e-commerce functionalities, such as user authentication for multiple roles (Admins, Users, Guests), a storefront of purchasable products, a ‘cart’ to add products to, and the ability for users to checkout through the use of an integrated payment system.

Goals

The primary goal of the project is to build a functional and user-friendly e-commerce store that provides a seamless shopping experience for users. The store must have user authentication for multiple roles, and must be integrated with Stripe for secure payment processing. The store should have a responsive design and should be optimized for performance, security, and search engine optimization (SEO).

Execution

To achieve the project goals, the following steps were taken:

1. Planning and design: The project was planned and designed with a focus on the user experience, security, and performance. The database schema was designed, and the frontend and backend architecture were planned.

2. Development: The project was built using React.js for the frontend, Redux, Sequelize.js (a promise-based Node.js ORM) for the postgreSQL database, and Express.js. User authentication was implemented using JSON web tokens (JWT), and Stripe was integrated for secure payment processing. The frontend was optimized for performance, and the site was tested for security vulnerabilities.

3. Deployment: The site was deployed to Heroku for hosting, and the database was hosted on Heroku's PostgreSQL service.

Results

The result of the project was a functional and user-friendly e-commerce store that provided a seamless shopping experience for users. The store was built using React.js for the frontend, Sequelize.js (a promise-based Node.js ORM) for the postgreSQL database, and Express.js for the backend. User authentication was implemented using JSON web tokens (JWT), and Stripe was integrated for secure payment processing. The store had a responsive design and was optimized for performance, security, and search engine optimization (SEO).

*Live preview of this project is unavailable as Heroku no longer offers a free hosting plan. You can view the Git Repository by clicking the link above.

Passionately developed by Chris Tomshack