This is a Next.js project bootstrapped with create-next-app
.
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.
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.
- Solution URL: solution
- Live Site URL: Edvora assessment
- 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
- Website - Edvora live website
- Linkedin - linkedin
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.