Skip to content

Front End code to consume the backend REST Api's, the site is now live on this link: https://marsagrofarm.netlify.app/ progressive code feature updates on the main branch will automatically update the site

Notifications You must be signed in to change notification settings

Mass-agrofarm/FrontEnd

Repository files navigation

Mars Agrofarm

This is the front end code for the iconic Mars Agrofarm company website, Mars Agrofarm & Supplies Ltd is committed to empowering smallholder farmers and small-scale vendors. Our focus on innovation and sustainability drives us to provide high-quality agricultural solutions that enhance productivity and promote social impact.

Installation

Technologies used in the development of the front end:

Vite + React and Styled Components Library for more control over styling rules.

If you wish to work with the files created for the front end code, you'll need to clone the repository and then Install site dependancies with npm, then run the development server to view the site in your browser.

  • Cloning Repository.
git clone https://github.com/Mass-agrofarm/FrontEnd.git
  • Installing site dependancies.
cd FrontEnd
npm install
  • Running the development server locally.
npm run dev

Browser view.

  • The site is configured to run in port 3000

That's it 😂. Congratulations on your build 🔥.

Deployment

To deploy this project I have used netlify as the host provider, have netlify cli Installed on your machine. More on netlify cli here.

Now that we have these covered run:

  • To preview the site in production, run.
npm run build
netlify deploy
  • To push the code to production.
npm run build
netlify deploy --prod

Currently the site is live here.

About

Front End code to consume the backend REST Api's, the site is now live on this link: https://marsagrofarm.netlify.app/ progressive code feature updates on the main branch will automatically update the site

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published