Proteus

An online store for to buy raw elements.

This project was build with

Mongo
Express
React
Node
Proteus photo

Purpose

After building KMA 75, my next objective was to work on my design eye and beautiful UI. I wanted to master CSS grid, and what would be a better idea than working with the periodic table of the elements.

Technologies

The major difference with this was the use of the Stripe API. User authentication is handled using Bcrypt and jsonWebTokens. State management handled with Redux and redux toolkit. Axios of API requests from the express backend and mongoose as a ORM for MongoDB. React routerfor routing and navigation.

Product Page Image
Cart Page
Products Page Image

Challenges

Coming in to this project my design choices were what I really wanted to work on. Here I became more confident with working with CSS.

Lessons Learned

Stripe loading

Check Out My Other Projects

Artemis Wrath

Artemis Wrath

An online TCG.

View project

Keep Me Accountable 75

Keep Me Accountable 75

An accountabily software

View project

Home

|

About

|

Projects

|

Github

|

LinkedIn

Let's Collaborate!