Loading repository data…
Anku9053 / repository
This app is a mobile-responsive interface designed to display user data fetched from an API. It features a clean, intuitive layout with a header displaying the current time and network status icons, and a profile section that includes user information and social media statistics.
📱 Insta App Welcome to the Insta App, a sleek and mobile-responsive interface designed to display user data fetched from an API. This app provides a seamless user experience with visually appealing elements and real-time data updates.
🌐 Live Demo
📋 Table of Contents Features Technologies Installation Usage Contributing License ✨ Features 📅 Real-Time Clock: Displays the current time and updates every minute. 📶 Status Icons: Shows network and battery status icons for a realistic mobile experience. 👤 User Profile: Fetches and displays user profile information from an API. 📊 Social Media Stats: Displays follower counts and engagement statistics. 🖼️ Dynamic Images: Profile and background images are dynamically fetched from the API. 📱 Responsive Design: Ensures a smooth experience across various mobile screen sizes. 🛠️ Technologies React: A JavaScript library for building user interfaces. Axios: Promise-based HTTP client for the browser and Node.js. CSS: Styling the application with custom styles. Vercel: Deployment platform for modern web projects. 🚀 Installation Follow these steps to get the app up and running on your local machine:
Clone the repository:
sh Copy code git clone https://github.com/Anku9053/insta.git Navigate to the project directory:
sh Copy code cd insta-app Install dependencies:
sh Copy code npm install Start the development server:
sh Copy code npm start The app should now be running on http://localhost:3000.
📖 Usage Fetch User Data: The app automatically fetches user data from the API upon loading. View Profile: See the user's profile image, username, and other details. Check Stats: View the social media follower counts and engagement stats. Scroll: Smooth scrolling ensures all content is accessible, including the footer. 🤝 Contributing Contributions are welcome! To contribute:
Fork the repository.
Create a new branch:
sh Copy code git checkout -b feature-branch-name Make your changes and commit them:
sh Copy code git commit -m 'Add new feature' Push to the branch:
sh Copy code git push origin feature-branch-name Open a pull request.
📄 License This project is licensed under the MIT License.
Feel free to reach out if you have any questions or feedback! Enjoy the app! 🚀
Selected from shared topics, language and repository description—not editorial ratings.
SachinKesaria /
Skill-Jar is a web application developed to showcase the skills of HTML, CSS and Javascript. This web application is hosted on firebase. The Firebase's real time database is used for storing the data and Node.js is used for fetching the data from the database. Google Charts are used for visualizing the data.
SameerJS6 /
This app is an excellent test for our HTML, CSS, and JS skills. I've built custom form controls and used JavaScript to generate random passwords. I added some background animations too and all an over it was tough...
meremetis /
This is a full stack Web-App DB : MySQL. Back-end : JavaEE με JSPs και Servlets / DAO/DTO/Service Layer/Controllers/Web Pages. Front-End : Animations / CSS / HTML / JavaScript / jQuery.