Skip to content

prabhatrana666/project-showcase

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

20 Commits
ย 
ย 

Repository files navigation

๐Ÿš€ Project Showcase by Prabhat Rana

A central hub of my top web development projects, showcasing real-world features like authentication, responsive UI, API integration, and live deployment using modern technologies such as HTML, CSS, JavaScript, React.js, and REST APIs. All projects are deployed and live on Netlify.


๐ŸŽ’ Adventure Website

Responsive adventure travel landing page
๐Ÿ“ธ [Adventure App Screenshot]holiday website

๐Ÿ”— Live Demo

  • Built with HTML, CSS, Bootstrap, and JavaScript.
  • Eye-catching UI for a travel business.
  • Optimized for mobile and desktop views.

๐Ÿ– Holiday Planner Website

Travel planning website with visually rich interface
๐Ÿ“ธ [Holiday Planner Screenshot]holiday website

๐Ÿ”— Live Demo

  • Features vibrant UI and structured layout.
  • Great for showcasing holiday destinations or travel agencies.
  • Responsive and visually appealing.

๐ŸŒ 3D Universe Website

Real-time 3D animation of the solar system
๐Ÿ“ธ [3D Universe Website Screenshot] 3D Space Animation 13D Space Animation 2

๐Ÿ”— Live Demo

  • Animated solar system built with CSS and JavaScript.
  • Educational and visually engaging.
  • Fully responsive and interactive design.

๐ŸŒค Weather App

Real-time weather updates using OpenWeather API

๐Ÿ“ธ [Weather App Screenshot] weatherapp

๐Ÿ”— Live Demo

  • Fetches live weather data based on user input.

  • Uses ipify API to display public IP.

  • Displays date, time, and dynamic weather visuals.

  • Mobile-optimized and fast-loading.


๐Ÿงฎ React Calculator

Functional and Responsive Calculator UI

Calculator Screenshot

๐Ÿ”— Live Demo

  • Built using React.js with functional components.
  • Handles arithmetic operations with real-time updates.
  • Clean UI and fully responsive design.

๐Ÿ“ Location Tracker App

Track locations using Google Maps API
๐Ÿ“ธ [Location Tracker App Screenshot]location tracker ๐Ÿ”— Live Demo

  • Integrates Google Maps API for real-time location tracking.
  • Displays coordinates and map view.
  • Useful for geo-based applications.

๐Ÿงฐ Tech Stack Summary

  • Frontend: HTML5, CSS3, Bootstrap, JavaScript, React.js

  • APIs: OpenWeather API, Google Maps API, ipify API

  • Deployment: Netlify

  • Tools: VS Code, Git, GitHub


๐ŸŒ Connect with Me

LinkedIn ย ย  GitHub ย ย  Gmail ย ย  Portfolio

About

A central hub of my top web development projects, showcasing real-world features like authentication, responsive UI, API integration, and live deployment.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors