Japjotsingh02/edvora-assessment

Edvora assessment

Getting Started with Next.js

This is a Next.js project bootstrapped with create-next-app.

Edvora Rides Assessment

This is my first next.js project and it is given by edvora as a assessment. You have 3 rides bar - nearest rides, upcoming rides and past rides. As the name suggests, nearest rides shows you the rides sorted by their nearest values of distance from your user station code , upcoming rides shows you rides which has dates for future and past rides shows you rides which has date for the future. And in filter bar you can filter out rides which according to the states and cities.

Table of contents

• Overview
  • The challenge
  • Links
• My process
  • Built with
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size.( Not responsive for mobile )
• See the nearest rides, upcoming rides and past rides.
• Can filter out rides according to states and cities.
• Used vercel for hosting.

Links

• Solution URL: solution
• Live Site URL: Edvora assessment

My process

Built with

• React Hooks
• JSX
• getStaticProps() for fetching data and static side generation and show data available at build time ahead of user's request.
• Functonal or Stateless Components
• Flexbox
• CSS styles
• Vercel hosting
• Context API

Author

• Website - Edvora live website
• Linkedin - linkedin

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.