Hii. I'm Sukhpreet

A Web Developer

Welcome to my portfolio website! I'm a passionate and aspiring web developer with a strong desire to create innovative solutions and push the boundaries of technology.With a deep love for coding, I am constantly seeking opportunities to learn and grow in this ever-evolving field

About Me

I'm Sukhpreet Singh,I am currently gaining knowledge and giving my best in Master in Computer Applcation(MCA).I have built a solid skills in particularly areas such as Html, CSS, Bootstrap, TailwindCSS,Javascript, ReactJS, NodeJS,ExpressJS, MongoDB, Git and GitHub. My expertise in these areas allows me to approach projects with confidence and deliver high-quality results.I have a strong belief in the value of continuous learning and staying adaptable in the ever-evolving world of web developing. I actively seek out opportunities to expand my knowledge and skills, embracing new technologies and approaches.Feel free to explore my work and get in touch if you have any questions or opportunities to collaborate.

Skills

Education

Languages

Achievements

Experience

Languages
JavaScript
Frontend Development
HTML(5), CSS(3), Sass
Backend Development
NodeJS, ExpressJS
Database
MongoDB
Frameworks and Libraries
React, Bootstrap, Tailwind CSS, Material UI, Styled Components
Cloud Hosting
GitHub Pages, Vercel, Netlify
Software, OS & Tools
Visual Studio Code,Sublime,Github, Linux,Windows, Git

Master of Computer Application,
MCA - 2023-2025
Guru Nanak Dev Engineering College
Bachelor of Science Information Technology, BSc.IT - 2020-2023
Ludhiana College of Engineering & Technology
Higher Secondary School - 2018-2020
Dasmesh Senior Secondary School
High School - 2017-2018
Dasmesh Senior Secondary School

English
Punjabi
Hindi

Hackathon Winner
2023
Winning the hackathon was a testament to our team's dedication and innovative spirit. With relentless determination, we crafted a cutting-edge sports management system that promises to revolutionize how sports events are organized and managed. From seamless registration processes to real-time analytics, our solution stands as a beacon of efficiency and convenience. Certificate
Hacktoberfest
2022 & 2023
Selected in first 40 thousand participants in the world.
Recipient of the prestigious Hacktoberfest award for outstanding contributions to open source software development. Demonstrated expertise in collaborating with global developer communities and delivering high-impact contributions to multiple projects. Recognized for dedication, innovation, and leadership in the field of software engineering.

React Training
2022
I received comprehensive training in ReactJS at Step GNE Institute, where I developed a strong foundation in building dynamic, responsive web applications. The course covered key concepts such as component-based architecture, state management, hooks, and effective integration with APIs. This training has equipped me with the skills to create robust, scalable applications and enhanced my proficiency in modern web development practices.
MERN Stack Training with TypeScript
2024
I received specialized training in the MERN stack with TypeScript at Ryazio Pvt Ltd, gaining expertise in building full-stack web applications. This program provided in-depth knowledge of MongoDB, Express.js, React, and Node.js, along with TypeScript's strong typing capabilities. I learned to develop scalable and maintainable applications, focusing on efficient database management, server-side logic, client-side interfaces, and seamless integration across the stack. This training has significantly enhanced my ability to deliver high-quality, type-safe web solutions.

Projects

News World

I developed a dynamic and interactive live news application using ReactJS and integrated it with the NewsAPI to provide real-time updates. Leveraging React's component-based architecture, the application offers a user-friendly interface for browsing and accessing news articles across various categories.

Thinkpedia

I developed a dynamic Wikipedia application using React.js and the Wikipedia API, featuring an intuitive user interface with multiple background color options. Leveraging React's component-based architecture, the application provides users with seamless navigation and real-time access to Wikipedia's vast repository of knowledge.

Finance Flow

"I developed a finance flow using the MERN stack, integrated with Clerk authentication, and built with TypeScript. The application efficiently manages user data and tracks expenses, providing users with a secure and streamlined experience for monitoring their financial activities.

Dictionary

"Our innovative dictionary application, developed using ReactJS and styled with TailwindCSS, offers users a seamless and intuitive experience for exploring the vast world of language. By leveraging a powerful dictionary API, our application provides comprehensive definitions, synonyms, antonyms, and usage examples.

Invoice set

An Invoice Set using React.js, designed to streamline the invoicing process for businesses of all sizes. This application features multi-currency support, enabling users to create invoices in various currencies, which is particularly useful for international transactions. Users can effortlessly add multiple items to each invoice, providing flexibility and convenience in managing billing details. This project demonstrates my skills in React.js and my ability to create practical, user-friendly applications.

Crypto Ware

I developed a dynamic React application utilizing the CoinGecko API and Three.js React libraries to provide real-time data visualization of cryptocurrency markets. The application showcases live data for hundreds of cryptocurrencies, including interactive graphs that allow users to track price trends and compare coin performance. The integration of Three.js adds a compelling 3D visualization component, enhancing the user experience with engaging and visually appealing data representations.

Portfolio Website

I've crafted a dynamic and personalized portfolio website using HTML, CSS, and JavaScript to showcase my skills, projects, and professional journey. Through custom design and interactive elements, I've created an engaging platform that highlights my expertise and experience in Web development.