florinda-zeida's Projects
BrakingBad Website- Project for the school has no affiliation with the movie BrakingBad. Requirements: Make a call to your API URL. Loop through the results and create HTML for each result. You must display at least 3 different properties inside the HTML. It's not required to display an image. You will need to link each result to a details.html page and to pass a parameter in the query string to that page.
Some cards style bootstrap.
A demonstration site for presenting the coffe shop locations.
React or regular HTML, JavaScript and Sass. The site should match the design as closely as possible and should be responsive across all device sizes.
This is an assignment to build a microsite for SpaceX or NASA with a focus on space technology. The site needed to appeal to a specific target audience, be responsive, accessible, and easy to use. It needed to use CSS styling and JavaScript to provide a live feed of launches with dynamic data from an API, and contact form validation.
Config files for my GitHub profile.
A local tourism agency in Bergen is launching a new website called ‘Holidaze’ for visitors to the area to be able to find hotels, B&Bs and guesthouses, and for the accommodation owners to receive enquiries. The project requires you to create the visitor side of the website where users can search accommodation and make enquiries, as well as the administration side where properties can be added and enquiries managed.
React-app using Wordpress API
Request: Make an API call and list all the pages in your Wordpress installation. This should happen on the home route: "/" Clicking on a page should take the user to a "page/{id}" route. Retrieve the id from the URL path and make a GET request to fetch the specific page. Render the title, date and excerpt properties. Format the date in this format: 01 January 2021 The excerpt property contains HTML. Use dangerouslySetInnerHTML to render it.
Simple layout using react-bootstrap.
An online demonstration site that sells baby carrier. The focus was on design..
List of functional requirements: - A user should be able to see a list of posts. - A user should be able to search for a specific post. You can use client-side filtering, or use the search parameter on the API itself. - A user should be able to log in - A user who hasn’t logged in shouldn’t be able to edit any of the entries on the site. - A user should be able to create a post - A user should be able to update a post - A user should be able to delete a post You should use WordPress as a headless CMS to manage the content. It’s important to note that the editing of the content should happen on the front-end built by you, not the WordPress admin panel. You need to be making PUT and POST requests yourself to maintain the content on the site, and be fetching content from the WordPress REST API. The API that you create and serve through WordPress is one part of the project. You’re just using WordPress for the API it gives you. The second part of the project is the front-end code; a completely distinct project. ## Level 1 Process 1. Design the website using a prototyping tool of your choice (Adobe XD, Sketch etc.) 2. Create your WordPress installation on your web host 3. Make your own example posts so that you have data to start off. You will need at least 10 posts for the site. 4. Use your created repository for the files for your front-end code. 5. Set up your API call to fetch data from the WordPress REST API and display it in your website. For more information on working with the WordPress REST API, please visit https://developer.wordpress.org/rest-api/ 6. Create the login system and manage the authentication to ensure you can make PUT, POST and DELETE requests. Include the login details for an already created user in your report for the markers to use. 7. Build the forms for creating, updating and deleting a post. 8. Make the search functionality for user's to find posts. 9. Ensure everything is pushed to the repository created for this project.