This project, inspired by "The Complete 2023 Web Development Bootcamp by Angela Yu," is the Secrets project, akin to the Whisper app, allowing users to reveal their deepest, darkest secrets anonymously. The project involves the use of the Secrets API, enabling users to access random secrets, and the following procedure:
To run the Secrets project, follow these steps:
-
Import Express and Axios: Import the necessary libraries, such as Express and Axios.
-
Create Express App: Create an Express app and set the port number for server hosting.
-
Utilize Static Files: Use the public folder to serve static files for the application.
-
Render Index Page: When a user visits the home page, render the
index.ejsfile. -
Fetch and Display Secrets: Use Axios to retrieve a random secret and pass it to
index.ejsfor display, including the secret content and the username of the secret. -
Start the Server: Listen on the predefined port and start the server. Upon refreshing, different secrets will be revealed.
The Secrets project relies on the above steps for its functionality.
The structure of the project folders is as follows:
Secrets_Project_Lisper/
├── public/
│ └── styles/
│ └── style.css
├── views/
│ └── index.ejs
├── index.js
├── package.json
└── README.md
To execute this project locally, perform the following steps:
-
Clone the Repository: Use Git to clone the repository to your local machine:
git clone <repository_URL>
-
Install Dependencies: Navigate into the project directory and install the necessary dependencies using npm:
cd Secrets_Project_Lisper/ npm install -
Start the Server: Run the server using Node.js:
node index.js
Upon successful setup, visit the home page to view and reveal secrets anonymously.