thecarlko/snacksrus

A Next | React | TypeScript | SCSS Full-Stack Application with a clean and minimal interface. Combines a minimal interface with seamless animations to seamlessly guide the user through the sale cycle and increase conversion rates.

Snacks R Us · E-commerce

Snacks R Us

View Live ↗ · Licence

Snacks.R.Us.Preview.mp4

About

Friendly, clean and whimsical Snacks R Us is a website for a fictional company that retails snacks. It has a clean and minimal interface following the “whimsical simplicity” of the brand and had a major focus on the checkout user experience.

Tech Stack

• Firestore (NoSQL Database)
• React.js (FrontEnd Framework)
• TypeScript (Adding types to JavaScript)
• WebPack (App Bundler)
• MomentJS (Time Parsing)

Installation

Install Dependencies

npm install react --save
npm install webpack-dev-server
npm install --save typescript @types/node @types/react @types/react-dom

Run Commands

tsc
npm start

Developer Dependencies (Not required to run application)

npm install react-dom --save

npm install webpack --save
npm install webpack-dev-server --save
npm install webpack-cli --save

npm install babel-core babel-loader babel-preset-env babel-preset-react --save-dev

Roadmap

• Home Page
• Anonymous purchases
• Add Additional Templates w/ Examples
• User authentication
• Location mapping

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Carl Omondi - @carlkomondi - [email protected]
Project Link: Github Repo

(back to top)