GithubHelp home page GithubHelp logo

juliuscecilia33 / faoutlets Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 61.34 MB

πŸ§πŸ™ FAOutlets: An E-commerce Store that combines all Food Allergy manufacturers and products into one online hub. Website is made with React.js, Commerce.js, and Stripe.

Home Page: https://faoutlets.netlify.app/

License: MIT License

HTML 1.34% JavaScript 98.66%
react stripe ecommerce-store commerce food-allergy-manufacturers commercejs styled-components

faoutlets's Introduction

FAOutlets

Food Allergy Outlets: An E-commerce Store that combines all Food Allergy manufacturers and products into one online hub! Check it out Here!


Technologies Used

FAOutlets


Prototype (Built by me in Figma)

About

FA (Food Allergy) Outlets is an E-commerce Store that combines all Food Allergy manufacturers and products into one online hub. With the website being built in React.js, Commerce.js, and Stripe.js, buyers are able to view all of their food allergy necessities from widespread, popular brands all in one site.

FAOutlets

How it started

After gaining some experience from my first project InstaDeck, I decided to start up a project that showcases a mainstream category of the web, E-commerce. Rather it be an ordinary store, I wanted my e-commerce store to serve a purpose, specifically for those who have food allergies. Having a sibling that can barely eat anything due to the severity of her food allergies, I understood how those with food allergies feel as they struggle to find food they can eat. With FA Outlets, buyers have an entire grocery hob in front of them accustomed for their food allergy needs with trusted, concentrated brands from Enjoy Life to King Arthur to SunButter. Many people underestimate the problem of food allergies in our world, and I hope to make people more aware of those with food allergies and at the same time assist those who have food allergies with the right and safe food for them.

FAOutlets
FAOutlets

Features

By having a built-in payment feature through the integration of Stripe, buyers are easily able to pay for their products they choose with their credit card and are also given shipping options from all over the globe using Commerce.js’s limitless options. Buyers also have access to all the companies available to them in the site and each companies’ products listed as well. Before they are led to the payment information page, buyers can view their checkout cart page where they can view, edit, or delete the food-allergy products they have added to their cart.

FAOutlets
FAOutlets

Conclusion

I had a lot of fun working on this project, especially in creating an e-commerce store that I hope to one day officially launch in the future! Most of all, it was just a great feeling to have to be able to take a step forwards towards helping people with food allergies as I understand the struggles they have from having a sibling born with extremely severe food allergies. I hope to extend FA Outlets to more of a social hub for people with food allergies, where they can share shopping lists they have or have created from FA Outlets, meet people with food allergies, write blogs that can be read by others needing your experience, and discovering foods or recipes you can eat as someone with food allergies.

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.