Full Stack Developer with expertise in creating intuitive, user-centric web applications.

github

Siddharth Singh  • Peerlist

A minimal portfolio showcasing my work as a Full Stack Engineer focused on building fast, scalable, and user-centric web applications.The site highlights selected projects, technical expertise, professional experience, blogs, and photography in a clean, minimal interface designed for performance and accessibility. FeaturesResponsive, mobile-first designInteractive project showcaseMDX-powered blogOptimized SEO and metadataFast page loads and excellent Lighthouse performanceDark mode supportTech StackNext.jsReactTypeScriptTailwind CSSMDXThis portfolio reflects my approach to engineering, clean architecture, thoughtful UI, strong performance, and attention to detail. Whether I'm building intuitive frontend experiences or scalable backend systems, I focus on creating products that are reliable, maintainable, and enjoyable to use.

Portfolio | Full Stack Engineer

Excited to share my project “GeoQuiz” 🌍✨, which is a quiz game, consisting of two games to check your geography skills. 🗺️🧠 What’s in it? 🤔 It has two games, one is guessing the country's name based on its flag to score 🚩🌐, and the other is guessing the country’s capital based on the country's name to score 🏰💡. Features? 🌈 - Vibrant yet minimal design. 🎨 - All countries are included in the database. 🌎📚 - Can work offline, with no API used. 📡🚫 Tech Stack? 💻 - Client: HTML5/CSS3, EJS, JavaScript 🖥️🚀 - Server: PostgreSQL, Node, Express 🌐🔧 What has this project taught me? 📚 - To implement and use PostgreSQL in the backend. 🛠️🔍 - To implement REST API for routing. 🌐🛣️ - Using Embedded JavaScript (EJS) in the front end. 🌐📲

GeoQuiz

Description: While scrolling through my GitHub repositories, I stumbled upon a hidden gem from my past – a project I crafted during my second year of college. The surge of excitement that accompanied the successful build still resonates with me. Back then, this seemingly small project ignited a spark that motivated me and bolstered my confidence. It's intriguing how even modest beginnings can set the stage for remarkable journeys. Project Overview: The Interactive Simon Game is a digital rendition of the timeless Simon electronic memory game. It challenges players to repeat a sequence of colors and sounds, progressively increasing in complexity. I designed and developed this game using HTML, CSS, and JavaScript, leveraging the power of these technologies to create an immersive and interactive user experience. Learning Journey: This project has been pivotal in shaping my understanding of front-end web development fundamentals. Through this project, I gained hands-on experience in: HTML Structure: I learned how to structure web content effectively using HTML, organizing the game's components and user interface in a semantically meaningful manner. CSS Styling: By applying CSS styles, I transformed the game's appearance into an engaging and visually appealing interface, enhancing the overall user experience. JavaScript Interactivity: Implementing the game's logic using JavaScript was both challenging and rewarding. I honed my skills in event handling, DOM manipulation, and asynchronous programming, crucial aspects of interactive web applications.

Interactive Simon Game - A digital rendition 

- Developed a Medium clone using React in the frontend and Cloudflare Workers in the backend, implementing features such as user authentication, article creation functionality. - Utilized Zod as the validation library and TypeScript for type inference for frontend types, ensuring robust data validation and type safety. - Integrated Prisma as the ORM with connection pooling to efficiently manage database connections and optimize performance. - Implemented JWT for authentication, enhancing security and enabling secure user sessions.

Medium like Blogging Platform

Qbox.live – a new web app I’ve built for anonymous feedback! What Qbox Offers: 1. Personal Message Link: Each user gets a unique link to share with friends or family, where anyone can send messages anonymously. 2. AI-Suggested Messages: Need some inspiration? Qbox suggests messages with a click. 3. Message Control: Easily toggle message acceptance on or off. 4. Message Archive: All received messages are organized in your dashboard. Tech/Tools Used: 1. Next.Js - As a primary framework. 2. Typescript - Javascript but strictly typed. 3. ShadCN - Tailwind CSS component library. 4. NextAuth - For authentication. 5. Resend - For email services. 6. MongoDB - For database.