Make a Next.js application to search wikipedia
Budget: ₹600 – ₹800 INR
Project Description: Wikipedia Search Dashboard
Requirements:
1. Create a web application with the following functionalities:
● Sign in with Google (Google OAuth) to authenticate users.
● Dashboard displaying the following scorecards:
○ Past 7 Day search results scorecard
○ Past 1 Day search results scorecard
○ Past 1 Hour search results scorecard
● Charts showing search results over the last 7 days with an hourly basis and date range
filters.
● Search Module with the following functionalities:
● Users can query for a title/text from the Wikipedia/Wikimedia API.
● Display the search results from Wikipedia in a list.
● When the user clicks on a search result, displays the contents of the corresponding
Wikipedia page.
2. Tech Stack:
● Frontend: Next.js (React framework for server-side rendering and client-side routing)
● Backend: Node.js with Express.js for handling API requests
● Cloud Architecture: Deploy the application on AWS Elastic Beanstalk for easy scalability
● Database: MongoDB to store user data and search history
3. Additional Considerations:
● Use Material-UI for the user interface components and styling.
● Use Chart.js to create interactive charts for search results.
● Implement Google OAuth using the `passport-google-oauth20` package for authentication.
● Fetch search results from the Wikipedia API using Axios or Fetch API.
● Store user data and search history in MongoDB using Mongoose.
● Implement client-side routing with Next.js to enhance the user experience.
● Use date range picker libraries like `react-date-range` for filtering search results by date
range.
I need this project to be completed within 1 day, so I am looking for a developer who can work efficiently and meet deadlines.
Ideal skills and experience for this job include:
- Proficiency in Next.js and React.js
- Experience with API integration
- Strong understanding of UI/UX design principles
- Attention to detail and ability to deliver high-quality work within a short timeframe.
Requirements:
1. Create a web application with the following functionalities:
● Sign in with Google (Google OAuth) to authenticate users.
● Dashboard displaying the following scorecards:
○ Past 7 Day search results scorecard
○ Past 1 Day search results scorecard
○ Past 1 Hour search results scorecard
● Charts showing search results over the last 7 days with an hourly basis and date range
filters.
● Search Module with the following functionalities:
● Users can query for a title/text from the Wikipedia/Wikimedia API.
● Display the search results from Wikipedia in a list.
● When the user clicks on a search result, displays the contents of the corresponding
Wikipedia page.
2. Tech Stack:
● Frontend: Next.js (React framework for server-side rendering and client-side routing)
● Backend: Node.js with Express.js for handling API requests
● Cloud Architecture: Deploy the application on AWS Elastic Beanstalk for easy scalability
● Database: MongoDB to store user data and search history
3. Additional Considerations:
● Use Material-UI for the user interface components and styling.
● Use Chart.js to create interactive charts for search results.
● Implement Google OAuth using the `passport-google-oauth20` package for authentication.
● Fetch search results from the Wikipedia API using Axios or Fetch API.
● Store user data and search history in MongoDB using Mongoose.
● Implement client-side routing with Next.js to enhance the user experience.
● Use date range picker libraries like `react-date-range` for filtering search results by date
range.
I need this project to be completed within 1 day, so I am looking for a developer who can work efficiently and meet deadlines.
Ideal skills and experience for this job include:
- Proficiency in Next.js and React.js
- Experience with API integration
- Strong understanding of UI/UX design principles
- Attention to detail and ability to deliver high-quality work within a short timeframe.