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 webdFor details about individual projects, please refer to the README files located in each project folder.
Your contributions and suggestions are welcome! To contribute:
- Fork the repository.
- Create a new branch.
- Make your changes.
- Submit a pull request.
For any questions or suggestions, feel free to reach out:
- Email: [email protected]
- LinkedIn: Atharv Dange
- Threads: @atharvdange._
Happy Coding! 🚀