This is a web application built using React and React Router DOM to manage different pages and display data from external APIs. The project includes pages for About, Contact, Leetcode Statistics, and Github Profile.
![image](https://private-user-images.githubusercontent.com/89827931/272252076-c91572af-7684-4db2-a1fc-d84458fb6747.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ2MDQ2OTgsIm5iZiI6MTcxNDYwNDM5OCwicGF0aCI6Ii84OTgyNzkzMS8yNzIyNTIwNzYtYzkxNTcyYWYtNzY4NC00ZGIyLWExZmMtZDg0NDU4ZmI2NzQ3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTAxVDIyNTk1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZhZmNhN2IzNDM4YTMzNzAwNTQ0MGUxMWFlZTNlODgwNWMwNzRlYmU5NDkyOGE2OTJkYjEzM2M5YjI0YjMxZmEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.VgoHDQXhom4RYrmaDgsSszV7kuMKTs55Iw4ri7xx4wA)
![image](https://private-user-images.githubusercontent.com/89827931/272253115-511ba630-6da9-4c6a-a91d-9a99d213373a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ2MDQ2OTgsIm5iZiI6MTcxNDYwNDM5OCwicGF0aCI6Ii84OTgyNzkzMS8yNzIyNTMxMTUtNTExYmE2MzAtNmRhOS00YzZhLWE5MWQtOWE5OWQyMTMzNzNhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTAxVDIyNTk1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM1OWY5NTU1OTA4NDk4YTRhY2MxNmM2MTIwMzkxMTcwODRlYmE2YjQ5MWNiOWFjNDY4YWFkN2E2M2EyMjgzNDUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.2FblTY_J5JEbWk64qHpzklihhOaprA13scO11w37HZ4)
![image](https://private-user-images.githubusercontent.com/89827931/272252235-86daf089-d7b9-4684-8a61-17c240b1747a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ2MDQ2OTgsIm5iZiI6MTcxNDYwNDM5OCwicGF0aCI6Ii84OTgyNzkzMS8yNzIyNTIyMzUtODZkYWYwODktZDdiOS00Njg0LThhNjEtMTdjMjQwYjE3NDdhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTAxVDIyNTk1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUyMGE2NDk0OGViZTQ4OWUwMzEzZDk3OTczMjQ4YWFiOGFhZTU4OTE2ZmVkNWUwMDI1MzkyNjA4OThjMzg3NzUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.G7ugDVKFlNWGga2BaHKVh30aOs-QOqQ2Xuf1GIijF00)
![image](https://private-user-images.githubusercontent.com/89827931/272252302-b5772b45-cc72-4140-8e44-9ad709a687bb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ2MDQ2OTgsIm5iZiI6MTcxNDYwNDM5OCwicGF0aCI6Ii84OTgyNzkzMS8yNzIyNTIzMDItYjU3NzJiNDUtY2M3Mi00MTQwLThlNDQtOWFkNzA5YTY4N2JiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTAxVDIyNTk1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMzYzcyZjc4MzE0YzlmYTliNDE3ODNhYTM2MmVjYjMzNjJiOWE3N2MxYTg0YmFiNDg3Yzc5OTk4ZTlmZWIwOTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.XCKI8JU2-u45q_4kQzgp8LbWvuxBWGhOR1s-tgc0e9s)
![image](https://private-user-images.githubusercontent.com/89827931/272252456-e45721b3-2585-4af9-ae96-3416d9daea53.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ2MDQ2OTgsIm5iZiI6MTcxNDYwNDM5OCwicGF0aCI6Ii84OTgyNzkzMS8yNzIyNTI0NTYtZTQ1NzIxYjMtMjU4NS00YWY5LWFlOTYtMzQxNmQ5ZGFlYTUzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTAxVDIyNTk1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTIwZDg1NTRjNDE2YTliZTY0MzgyMDVjYzZjOTZlZDUzOGRhOWIyYWM3N2Q0ZjQ3ZWFlMGZhYTgwOTk2ODY0YTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.7n8bIvNyRcXd8JaNTA6hvUuhyD5cGRXi4jCnvOkGJL4)
![image](https://private-user-images.githubusercontent.com/89827931/272252397-e9e7528b-99f9-41ad-8161-c31d40dd53e6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ2MDQ2OTgsIm5iZiI6MTcxNDYwNDM5OCwicGF0aCI6Ii84OTgyNzkzMS8yNzIyNTIzOTctZTllNzUyOGItOTlmOS00MWFkLTgxNjEtYzMxZDQwZGQ1M2U2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTAxVDIyNTk1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA1NGNhYjk5MzE3YzRlNWY0MGE4MWQ4NDQ0NTc4YzEyN2RhYTFlNzhlZmU1MTgwZjRhN2FhZTdhODgzYjM3ODkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.FCODShUJIgCE-66ZitDuYejWynTw2Dm7j9fXHSwpRmE)
This project uses React Router DOM for page navigation and integrates data from external APIs. Here are the details for the different sections of the application:
-
Main Page: This is the landing page of the application.
-
About Page: Provides information about the project or team.
-
Contact Page: A contact form or details.
-
Leetcode Statistics Page: Fetches Leetcode statistics for a user from the Leetcode API. The Leetcode API URL is https://leetcode-stats-api.herokuapp.com/suryapratap2542.
-
Github Profile Page: Displays Github profile information, including followers, repositories, and programming language statistics. The Github API URL is https://api.github.com/users/USERNAME.
- Clone this repository to your local machine.
git clone https://github.com/your-username/react-router-dom-project.git
- Navigate to the project directory.
cd react-router-dom-project
- Install the required dependencies.
npm install
- Start the development server.
npm start
- Open your web browser and access the application at http://localhost:3000.
- React
- React Router DOM
- Other dependencies as needed
-
Leetcode API: https://leetcode-stats-api.herokuapp.com/suryapratap2542 Replace
USERNAME
with the Leetcode username for which you want to fetch statistics. -
Github API: https://api.github.com/users/USERNAME Replace
USERNAME
with the Github username for which you want to fetch profile information.
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them.
- Push your changes to your fork.
- Create a pull request to this repository.
This project is open-source and available under the MIT License.