https://github.com/el634dev/swapi-form

Form where user enters a number and data from the SWAPI is shown
https://github.com/el634dev/swapi-form

Last synced: 4 months ago
JSON representation

Form where user enters a number and data from the SWAPI is shown

• Host: GitHub
• URL: https://github.com/el634dev/swapi-form
• Owner: el634dev
• Created: 2023-11-14T17:49:41.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-14T18:05:08.000Z (over 2 years ago)
• Last Synced: 2025-10-06T13:36:52.446Z (9 months ago)
• Language: HTML
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# SWAPI-Form

> Form where user enters a number and based on that number data is pulled from the SWAPI

> 

> No live link for deployment was used

## Table of Contents

* [General Info](#general-information)

* [Technologies Used](#technologies-used)

* [Features](#features)

* [Setup](#setup)

* [Usage](#usage)

* [Project Status](#project-status)

* [Screenshot](#screenshot)

## General Information

- Project is built using HTML, CSS, Jinja2 and Fask

- The purpose of this project is to gain more practice with Flask and Jinja2

## Important

- Do not use Live Server to see the changes 

  

## Technologies Used

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![Flask](https://img.shields.io/badge/flask-%23000.svg?style=for-the-badge&logo=flask&logoColor=white)

![Jinja](https://img.shields.io/badge/jinja-white.svg?style=for-the-badge&logo=jinja&logoColor=black)

![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white)

## Features

List of features here:

- Users can serach and sumbit data through a form and by entering a number

- Users can see two different web pages, the home page where the form is displayed and the results page where the results is displayed

## Setup

The requirements for this project are simple and do not require much setup. You will need a code editor of your choice. I use VSCode because HTML, CSS, and Flask are supported, which makes setup easier. There are no dependencies, only additional plugins if you would like to set them up. If you are unsure, then I would say Prettier+ is a good start. You can get all the plugins in VSCode in the side menu, it looks like blocks. You can add the Star Wars API or SWAPI which you can find by searching for it in your browser. To sum everything up, all you need is a code editor.

## Usage

How does one go about using it?

`User navigates onto the home page and can enter a number where prompted and then click submit.`

`After clicking sumbit the user is taken to a second page where the data is displayed.`

## Project Status

Project is: _complete_ 

## Screenshot

![image](https://github.com/el634dev/swapi-form/assets/84924260/88ad13a9-6ccc-4ea4-b234-37e5ca0d362f)