Welcome to my web development practice repository! This collection captures my journey over the past 2 years as I’ve explored and mastered a wide range of web development technologies. From early experiments to advanced projects, each folder represents a milestone in my learning process.

Join me on this coding adventure and explore projects built using a variety of technologies including:

• Front-End: HTML, CSS, JavaScript, Bootstrap, React, React Native, Next.js, Remix, Zustand
• Back-End: Node.js, Express, Bun, DNS, SMTP, Redis, TypeScript, WebSockets
• DevOps & Tools: Docker
• Desktop: Electron

Below is a brief overview of the projects organized by technology:

• Beginner Projects: A collection of my earliest experiments as I got started with web development.

• Cocktail Recipe App: A web application that lets users search for cocktail recipes using TheCocktailDB API.
• GitHub Profile Searcher: An app that retrieves and displays GitHub profile details by querying the GitHub API.

• QR Code Generator: Generate QR codes for any URL.
• Music Player: A web-based music player to enjoy a curated collection of songs.

• React Projects:
  • Photo Sharing App: Built with the MERN stack to share memories with a close circle.
  • Currency Exchange App: Uses a currency exchange API (by Fawaz Ahmad) to convert between currencies.
• React Native: Projects exploring mobile development with React Native.
• React SSR: Experiments with server-side rendering using React.
• React Tanstack Query: Exploring data fetching and state management with Tanstack Query.
• Next.JS Study: Learning the ins and outs of Next.js for optimized, server-rendered React applications.
• Remix: Experimenting with the Remix framework for building modern React applications.
• Zustand: Testing state management solutions in React.
• Bootstrap: Projects focusing on responsive design and styling with Bootstrap.

• Express & Node.js:

  • Blog Site: A blogging platform built using Express.js, Node.js, MongoDB, and Bootstrap.
  • Deadpool's File Sharer: A file-sharing application using Express.js, Node.js, and MongoDB.
  • Express Crash Course: A project documenting my rapid dive into Express.js.
  • LearningNode: A series of Node.js practice projects.
  • Nodejs-OpenAI: Integrating Node.js with OpenAI’s API for innovative applications.

• Additional Server Projects:

  • DNS_Server: A project focused on building a DNS server.
  • SMTP-Server: Creating a simple SMTP server for email handling.

• Electron Text Editor: A simple Electron based text editor that lets you save and open txt files
• Electron HTTP Client: A simple Electron based HTTP Client that let's you send get and post requests

• TypeScript Practice Programs: Experiments and projects focused on TypeScript.
• WebSockets:
  • Realtime Chat App: A chat application enabling real-time communication using Socket.IO.
• Docker Projects:
  • Docker-Node: My first Docker image, built and pushed to Docker Hub.
• Bun: Exploring the Bun runtime for modern JavaScript tooling.
• Redis: Learning and implementing caching strategies with Redis.
• Practice Questions: A folder dedicated to solving coding challenges and practice problems.
• Worldline: A project that explores new concepts and technologies beyond traditional web development.

To clone and set up the project locally, run:

git clone https://github.com/atharvdange618/webd.git
cd webd

For details about individual projects, please refer to the README files located in each project folder.

Your contributions and suggestions are welcome! To contribute:

1. Fork the repository.
2. Create a new branch.
3. Make your changes.
4. Submit a pull request.

For any questions or suggestions, feel free to reach out:

• Email: atharvdange.dev@gmail.com
• LinkedIn: Atharv Dange
• Threads: @atharvdange._

Happy Coding! 🚀