API Tester
API Tester
Mentors
Aahil Rafiq : 7975657621 , aahil.rafiq136@gmail.com
Rohan Chandra : 8639884378 , rohanchandra0405@gmail.com
INTRODUCTION
We're creating an API Tester from scratch. Beginning with HTML, CSS, and JavaScript, we'll explore internet fundamentals, REST APIs, and HTTP requests. The project involves setting up a Node.js server, making API requests, and transitioning to React for improved UI. In the final phase, we'll focus on basic authentication to enhance application security.
OBJECTIVE
Master basic frontend skills: HTML, CSS, and JavaScript.
Build a basic REST API using Node.js and Express.
Understand APIs, how to make API calls, and the key elements of a request. Learn to troubleshoot CORS errors.
Explore React fundamentals, including how React works, basic React hooks, component splitting, and using UI libraries.
Bonus: Set up basic authentication from scratch for added learning and security.
METHOD
Start with the basics: learn HTML, CSS, and JavaScript.
Understand how the internet works, know the difference between frontend and backend, and learn about REST APIs and HTTP requests.
Learn to set up a Node.js server using Express.js. Practice making simple requests from the frontend to the backend.
Dig deeper into API requests, their contents, and what they mean. Practice making requests using tools like the JS Fetch API or Axios.
Learn React and switch from a basic HTML frontend to a more dynamic React frontend.
Finally, explore basic authentication. Add this security feature to our application for better protection.
Prerequisites
Good to have : basic html , css and javascript
Interest in web development
REFERENCES
How do Websites Actually Work?
HTML Tutorial for Beginners: HTML Crash Course
CSS Crash Course For Absolute Beginners
JavaScript Crash Course For Beginners
Docs : html , css , JS
Frontend web development - a complete overview
Backend web development - a complete overview
RESTful APIs in 100 Seconds // Build an API from Scratch with Node.js Express
How to build a REST API with Node js & Express
n0rdy - Understanding CORS
Http Request and Response. An HTTP (Hypertext Transfer Protocol)… | by Raza | Nov, 2023 | Medium
axios docs
Do You Know Enough JavaScript To Learn React
official website to learn react
Google Meet Link: https://meet.google.com/pxw-qqmx-nim