taqh/farmville

Farmville aims to make fresh and locally grown food items easily accessible

Farmville

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Knowledge Gained
  • Continued development
  • Useful resources
• Authors
• Acknowledgments

Overview

The challenge

Users should be able to:

• View the optimal layout for each of the website's pages depending on their device's screen size
• See hover states for all interactive elements on the page
• sign up and login to the website
• create a farm
• browse through available products and add them to cart

Screenshot

Links

• Live Site: FarmVille

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• React - JS library
• React-Router
• Sass - For styles
• Nodejs - JS runtime environment
• Expressjs - Node.js framework
• MongoDB - Database

Knowledge gained

Continued development

Useful resources

• MDN web docs - MDN is a great resource for learning javascript features and it helped us out alot during the development process

Authors

This project was built by a team of two developers ecach with roles uniquely assigned to them.

• Taqib Ibrahim @Dom-iha - Geoscience student and the team's Frontend engineer.

• Godwin Adah @Godwin - Computer Science student and the team's Backend engineer.

Acknowledgments

License

MIT License