Skip to content

This is a learning project. A website for fictional Chocolate Company called Charlie's.

Notifications You must be signed in to change notification settings

OliwierSellig/charlies

Repository files navigation

Charlie's Proejct

Charlie's Project is a website for a chocolate shop with the same name. It's main function is to let users order and compose chocolate packages online. Although I decided to expand the site with more everyday stuff like the About Section or Blog, I took my skills a step further by building this project compared to Game Space (a project I completed previously) with more advanced react patterns and way more libraries. Hope you'll enjoy my work!

Instalation

npm i

Local Development

npm run dev

Build

npm run build

Technologies I used

Framework: React

The site login is based purely on React with JavaScript. Compered to the last project, I've decided to use work with more libraries this time. The main libraries i used are:

  • React Router

  • React Query

  • React Hook Form

  • React Spring

  • Dayjs

Styling: CSS Modules using Sass

Images and Icon Sources

All of the images i used were take from Unsplash(Free trial) .On the other hand Icon I used were all taken from SVG Repo. To cut, model and optimize the Images i used Resize Img as well as Squoosh.

Inspiration

The one and only inspiration I had this time was a Polish Ecological Meat Delivery Company called Mięsna Paczka. Credits to them for building such a great site!

Back-end

I've decided that the best option to story fictional chocolate products and blog posts was to create my own backend. To accomplish that, I used an open-source backend provider called Supabase.

Discount Codes:

  • MnOpQrStUvWxYzA

  • RStUvWxYzAbCdEfG

  • XyZaBcDeFgHiJkLmN

About

This is a learning project. A website for fictional Chocolate Company called Charlie's.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published