Altschool Frontend Engineering - Exam Project

Altschool second semester exam project for frontend engineering track

Table of contents

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

Overview

The challenge

1. Implement an API fetch of your GitHub portfolio.
2. Set up react router.
3. Show a page with a list of all your repositories and implement pagination
4. Implement nested routes to show further details of a single repo.
5. Implement Error Boundary and page to test it.
6. Implement 404 pages
7. Implement proper SEO.

Links

• Solution URL: https://github.com/Achele/Altschool-Exam
• Live Site URL: https://altschool-exam-achele.vercel.app/

My process

Built with

• React - JS library

React is a popular JavaScript library for building user interfaces.

Vite is a blazing fast frontend build tool that includes features like Hot Module Reloading (HMR), optimized builds, and TypeScript support out of the box.

Using the two in conjunction is one of the fastest ways to build a web app.

Getting Started

• Hit run
• Edit App.jsx and watch it live update!

By default, Replit runs the dev script, but you can configure it by changing the run field in the configuration file. Here are the vite docs for serving production websites

• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow

Author

• Twitter - @ojoachele