Skip to content

Latest commit

 

History

History
24 lines (15 loc) · 1.01 KB

File metadata and controls

24 lines (15 loc) · 1.01 KB

Mini Project: Full Stack Web Application

Overview

This mini project was a fun way to get my feet wet with full-stack web development using React, Vite, Express, and Node.js. The main aim was to learn about HTTP servers and see how easily React and Express can be used together.

Frontend

  • React: Played around with React to build a simple frontend and see how intuitive it is.
  • Vite: Tried out Vite for its quick setup and speedy development.
  • Axios: Used Axios to fetch data from the backend.
  • Proxy Configuration: Set up a proxy in the development environment to make backend requests work smoothly.

Backend

  • Express: Set up a basic backend using Express.
  • Node.js: Used Node.js to run the backend.
  • Jokes Array: Created a simple jokes array in the index.js file with three joke objects for fun.

Connecting Frontend and Backend

  • Fetched jokes from the backend to connect the frontend and backend.
  • Learned how to manage data and ensure everything works well together.