Web App (Front End) - Zinio
Preferred learners
- Anywhere
- Academic experience
Categories
Skills
Project scope
- What is the main goal for this project?
-
Develop a fully functional and responsive front end for the Zinio platform, based on existing UI/UX designs.
Tasks:
1. Implement UI Designs: Translate design files into functional HTML, CSS, and JavaScript code.
2. Responsive Web Development: Ensure compatibility across various devices and screen sizes.
3. Interactive Features: Develop dynamic and interactive elements using JavaScript.
4. Testing and Debugging: Identify and rectify any bugs or issues.
5. Performance Optimization: Enhance the website’s performance and loading speed.
6. Documentation: Create comprehensive documentation of the development process.
- What tasks will learners need to complete to achieve the project goal?
-
- Review our current application UI/UX Designs, gather scope and consider different tools to build the final deliverable, specifically focusing on the front end of the application
- Develop a responsive web application using ReactJS, HTML, JavaScript, and CSS
- Understanding our company and what we offer and translate that into relevant components for the final deliverable
- Using the agreed upon tool, setting up the development environment with the command line and version control (GithHub)
- Deploying the application using our CI/CD pipeline to Amazon AWS
- Using tools like AWS Amplify ti build the front end
- Writing unit tests and debugging code
- Handle HTTP requests and responses, ensuring proper JSON data interchange
- Incorporate Git workflow for version control and collaborative development
- Enhance the user experience with client-side JavaScript functionalities
Deliverables:
1. Completed Web Pages: Fully functional web pages based on the provided designs.
2. Responsive Design Implementation: A website that performs well on different devices and screen sizes.
3. Interactive Elements: Functional JavaScript-based features.
4. Testing Report: A report detailing testing processes and outcomes.
5. Optimization Record: Documentation of performance enhancements.
6. Development Documentation: Comprehensive documentation of the coding and development process.
The project will allow participants to apply and showcase their web development skills on a live platform, providing them with invaluable real-world experience.
- What is the main goal for this project?
-
Develop a fully functional and responsive front end for the Zinio platform, based on existing UI/UX designs.
Tasks:
1. Implement UI Designs: Translate design files into functional HTML, CSS, and JavaScript code.
2. Responsive Web Development: Ensure compatibility across various devices and screen sizes.
3. Interactive Features: Develop dynamic and interactive elements using JavaScript.
4. Testing and Debugging: Identify and rectify any bugs or issues.
5. Performance Optimization: Enhance the website’s performance and loading speed.
6. Documentation: Create comprehensive documentation of the development process.
- What tasks will learners need to complete to achieve the project goal?
-
- Review our current application UI/UX Designs, gather scope and consider different tools to build the final deliverable, specifically focusing on the front end of the application
- Develop a responsive web application using ReactJS, HTML, JavaScript, and CSS
- Understanding our company and what we offer and translate that into relevant components for the final deliverable
- Using the agreed upon tool, setting up the development environment with the command line and version control (GithHub)
- Deploying the application using our CI/CD pipeline to Amazon AWS
- Using tools like AWS Amplify ti build the front end
- Writing unit tests and debugging code
- Handle HTTP requests and responses, ensuring proper JSON data interchange
- Incorporate Git workflow for version control and collaborative development
- Enhance the user experience with client-side JavaScript functionalities
Deliverables:
1. Completed Web Pages: Fully functional web pages based on the provided designs.
2. Responsive Design Implementation: A website that performs well on different devices and screen sizes.
3. Interactive Elements: Functional JavaScript-based features.
4. Testing Report: A report detailing testing processes and outcomes.
5. Optimization Record: Documentation of performance enhancements.
6. Development Documentation: Comprehensive documentation of the coding and development process.
The project will allow participants to apply and showcase their web development skills on a live platform, providing them with invaluable real-world experience.
Supported causes
About the company
- https://www.velocityinc.tech
- 11 - 50 employees
- It & computing, Technology
We are a full-service digital strategy & software engineering.