csi-kjsce / csi_superhero_fanpage Goto Github PK

superhero fan page is taking a lot of time to load and is stuck at buffering...

• -Help style a better UI.
  

For Example

`# CSI Superhero Fanpage
The Superhero fanpage!! Create Pull request and start with open source

Setup

$ git clone https://github.com/csikjsce/superhero-fanpage-hacktoberfest2021
$ npm install
$ npm start

Starting the frontend Application

$ cd frontend_application
$ npm install
$ npm start

View the already done deployments

• -Add Documentation about the exact workings of the frontend and backend used for a react application.
  
• -Add more information that might assist new beginners

Json data can be previewed in data folder

This is testing issue

Backend website not opening and showing error

Our Superhero Fanpage needs some changes in its fonts.

Expected Changes :

• Use different fonts and choose one of them to enhance the look when someone is seeing the Webpage
• You may change the font size but it must not affect the styling of other elements

Basic

• Find the folder App.css .

• Locate the class for which the css is to be added/changed .

• Edit the css and/or add css for different media sizes .

Expected changes

@media only screen and (max-width: 768px) { 
   css data for this media size .
}

Basic :

• Find a folder named data
• Create a json file ( filename : <your_name>.json)
• Incase of existing filename, add your rollnumber to the file

JSON file format:

• Make sure you create a json file with below content

{
    "title" : "<super hero name>",
    "image" : "<take any image url>",
    "description" :"<description>",
    "power" : [Array of strings],
    "widget_color" :"<color>",
    "text_color" :"<color>", 
    "dialogue":"<Dialogue!!>",
    "author" : "<your name>"
}

Example 💯

{
    "title" :"Iron Man",
    "image" :"https://i.postimg.cc/j2Kp5GPm/iron-man.jpg",
    "description" :"A founding member and leader of the Avengers and a genius CEO of stark industries!",
    "power" :["Tech Suit","Genius","Iron Armor","Avenger"],
    "widget_color" :"red",
    "text_color" :"white", 
    "dialogue":"Everyone Wants A Happy Ending, Right? But It Doesn't Always Roll That Way",
    "author" : "Krutika Bhatt"
}

We have simply taken the base React files to create the website. Some of the files are not used and won;t be used further like setuptestVitals.js ,etc . Clean the codes, put comments and remove unnecessary files