Sagar Biradar

Frontend Developer

Final year computer engineering with a passion for front-end development using ReactJS and a keen eye for design with Tailwind CSS.

Resume
profile-pic

About Me

As a final year computer engineering student, I have honed my skills in front-end development using ReactJS and love building engaging, interactive websites. I have a passion for coding and problem-solving, and I am always eager to collaborate with other talented programmers to expand my knowledge and experience in the field. With a strong foundation in computer systems and a hunger for learning, I am ready to take on new challenges and continue to grow as a developer.

Skills

C
C++
JavaScript
HTML5
React
CSS3
TailwindCSS
Redux
MySQL

Projects

Golds-gym-proj-img

Golds Gym

Technologies Used: ReactJs, Material UI, HTML, Rapid API

  • Developed a dynamic website for fitness enthusiasts using ReactJs, HTML, Material UI, and Rapid API.
  • Implemented a search functionality allowing users to search for exercises by body part, fetching results from the API and displaying them with pagination.
  • Integrated animated GIFs for visual demonstration of exercises, with click functionality to view exercise details page.
  • Utilized Rapid API to fetch exercise details, including descriptions, images, and videos, and integrated YouTube API to display related exercise videos.
CraveExpress-proj-img

CraveExpress

Technologies Used: ReactJs, Redux Toolkit, Tailwind CSS, API, HTML

  • Developed craveExpress, a food delivery app using ReactJS, Redux Toolkit, Tailwind CSS, HTML, and the real Swiggy API.
  • Implemented live data fetching from the real Swiggy API to display restaurants in the area, with search functionality for easy restaurant discovery.
  • Integrated Redux Toolkit for efficient state management, allowing users to add dishes to the cart and clear the cart as needed.
  • Created a visually appealing and user-friendly interface using Tailwind CSS, while following modern web development best practices for code modularity, reusability
  • Since data is fetched from the real Swiggy API, there may be a CORS issue. To resolve this, you can install the Allow CORS: Access-Control-Allow-Origin extension for Chrome using this link
guessgame-proj-img

Guess Game

Technologies Used: React Native, Native components, Expo go

  • Implemented a React Native app that allows users to play a number guessing game, where they enter a number and the app attempts to guess it.
  • Utilized state management to keep track of the game state, including the randomly generated number to guess, the users input, and the number of rounds taken.
  • Implemented logic for providing hints to the user based on the apps guesses, such as indicating whether the guess is greater or less than the users number, allowing for an interactive and engaging gaming experience.
  • Designed an intuitive and user-friendly UI using React Native components, including text input and button components, to facilitate smooth user interactions and gameplay.
goals-proj-img

Goals App

Technologies Used: React Native, Native components, Expo go

  • Implemented a user-friendly and intuitive React Native app for managing personal goals.
  • Designed a simple and elegant UI with a prominent button for adding goals and displaying the goals list.
  • Utilized state management techniques for efficient tracking and rendering of user-entered goals.
  • Empowered users to set and manage their goals with a visually appealing and user-friendly interface.
razorpay-proj-img

Razorpay Clone

Technologies Used: HTML, Tailwind CSS

  • Built a responsive static website clone of Razorpay using HTML and Tailwind CSS.
  • Implemented modern design principles to create a sleek and user-friendly interface.
goahomefood-proj-img

Goa Home Food Clone

Technologies Used: HTML, CSS, Javascript, Bootstrap

  • Developed a responsive clone of Goa Home Food website using HTML, CSS, JavaScript, and Bootstrap.
  • Designed and implemented the website layout, including the navigation menu, banner section, and information sections.
counter-proj-img

Character Count

Technologies Used: HTML, CSS, Javascript

  • Built a character counter app using HTML, CSS, and JavaScript to track the number of characters in a user inputted text box.
  • Implemented a dynamic character count feature that updates with each keystroke, displaying the remaining characters available and updating the character count in real time.
  • Added a Copy to Clipboard button to enable users to easily copy the text entered into the text box.

Get in Touch