FooCoding

Full Stack Development

Welcome to My GitHub repository! Here, you'll find a collection of educational projects and assignments completed during an intensive 6-month bootcamp focused on Full Stack Development. Our journey was guided by a team of professional developers equipped with the latest technologies and industry insights. Throughout this immersive experience, we delved into the realms of React, JavaScript, TypeScript, MySQL, Git, GitHub, and RESTful API development. Join us on this educational adventure, and explore the fruits of our hard work and dedication.

This repository contains a comprehensive overview of key topics covered in our learning journey:

1. HTML5/CSS3 and Command Line Interface (CLI) Fundamentals
2. JavaScript, GIT Version Control, and the Art of Debugging
3. Exploring Node.js and Express for Backend Development
4. Mastering Database Management with MySQL and Command Line Interface (CLI)
5. Immersive Dive into the World of React with typescript and Vite.

Small Projects

1. CSS grids

. Learnt and applied Grids https://github.com/AdeebaSaeed/FooCoding/tree/main/Week-02

2. Clone a website

. Basic understanding of HTML5 and CSS (DOM, semantic elements) . Learnt to work with ARIA (Thinking about people with disabilities / Google (SEO) . Learnt responsive web development using media queries by mobile first approach https://github.com/AdeebaSaeed/FooCoding/tree/main/week03

3. JavaScript Fetch API with Poekemon API

. Learnt to use API https://github.com/AdeebaSaeed/FooCoding/tree/main/javascript2/week02

4. Book app using createElement and appendchild Javascript

Basic DOM manipulations [img src, innerHTML] Code debugging using the browser Functions + JSON/Arrays Array Manipulations https://github.com/AdeebaSaeed/FooCoding/tree/main/Javascript2/week01

5. To-do-app backend with Nodejs,express and Mysql, testing with Postman

Developed a robust Express application seamlessly integrated with a MySQL database. Skillfully implemented functionalities encompassing data insertion, creation, update, and deletion within a comprehensive to-do app. Rigorously tested these features using Postman, ensuring the application's reliability and robust performance.

https://github.com/AdeebaSaeed/FooCoding/tree/main/database/week03

6. Portfolio with HTML,CSS and Javascript

https://adeebaportfolio.netlify.app/

Final project in REACT with Typescript

Before successfully concluding the course, I immersed myself in a complex final project designed to emulate real-world scenarios in a typical software company. I invite you to delve into this project, an intricately crafted React application using TypeScript and driven by the cutting-edge Vite framework. Notably, the project's authenticity shines through its utilization of the Rick and Morty API. Users can effortlessly discover and filter characters by status, gender, and even add favorites. Additionally, the application allows exploration of locations and episodes, enhancing both functionality and user engagement. The implementation is further optimized through the strategic use of React hooks, ensuring a streamlined and efficient development experience

https://rick-and-morty-web-world.netlify.app