TailwindCSS React Developer for Themed Startup Project
Budget: $20 – $25 SGD
React Developer Needed for TailwindCSS-Based Project with Routing and Theme Features
Description: We are looking for an experienced React developer to create a startup project with essential routing, TailwindCSS styling, and additional features to enhance user experience. This project will involve setting up public and private routes, implementing a theme toggle (day/night mode), and incorporating a language switcher.
Project Requirements:
1. React App Setup:
- Initialize a React project from scratch.
- Integrate and configure TailwindCSS for styling.
2.Routing:
- Define routes for Home, About, and Contact Us pages.
- Set up Public and Private Routes:
- Public Routes: Home, About, Contact Us, and Login.
- Private Route: Dashboard (accessible only when logged in).
- Restrict access so that logged-in users cannot access the Login page and non-authenticated users cannot access the Dashboard.
3. Day/Night Mode:
- Add a toggle button to switch between day and night modes.
- Ensure that the theme preference is retained across sessions.
4. Language Switcher:
- Implement a language switcher to toggle between different languages.
- Ensure that the switcher is easy to use and dynamically updates page content based on the selected language (basic placeholders for language-specific content).
Requirements:
- Proficiency in React.js and TailwindCSS.
- Experience with React Router for routing and handling private/public routes.
- Knowledge of managing global state (for theme and language preferences) in React.
- Familiarity with implementing theme toggles and language switchers in React applications.
This project does not require detailed page content; the primary focus is on setting up a solid routing structure, implementing TailwindCSS, and adding day/night mode and language-switching functionality.
Description: We are looking for an experienced React developer to create a startup project with essential routing, TailwindCSS styling, and additional features to enhance user experience. This project will involve setting up public and private routes, implementing a theme toggle (day/night mode), and incorporating a language switcher.
Project Requirements:
1. React App Setup:
- Initialize a React project from scratch.
- Integrate and configure TailwindCSS for styling.
2.Routing:
- Define routes for Home, About, and Contact Us pages.
- Set up Public and Private Routes:
- Public Routes: Home, About, Contact Us, and Login.
- Private Route: Dashboard (accessible only when logged in).
- Restrict access so that logged-in users cannot access the Login page and non-authenticated users cannot access the Dashboard.
3. Day/Night Mode:
- Add a toggle button to switch between day and night modes.
- Ensure that the theme preference is retained across sessions.
4. Language Switcher:
- Implement a language switcher to toggle between different languages.
- Ensure that the switcher is easy to use and dynamically updates page content based on the selected language (basic placeholders for language-specific content).
Requirements:
- Proficiency in React.js and TailwindCSS.
- Experience with React Router for routing and handling private/public routes.
- Knowledge of managing global state (for theme and language preferences) in React.
- Familiarity with implementing theme toggles and language switchers in React applications.
This project does not require detailed page content; the primary focus is on setting up a solid routing structure, implementing TailwindCSS, and adding day/night mode and language-switching functionality.