The final capstone project of the Microverse coding school Software Development curriculum, developed with Ruby on Rails, ReactJS, React Router, Redux, Bootstrap and Sass.
Live Link
·
Report Bug
·
Request Feature
This project was developed as the final capstone project in the Microverse coding school Software Development bootcamp, it consisted of making a responsive mobile-first app with a Ruby on Rails RESTful API in the back-end and ReactJS for the front-end, implementing Redux and React Router implemnting the responsive design techniques and the Test-driven development method.
The app design is inspired from here, on this app as a registered user, you can see available tech talks in a timeline and you can check them for more details then you will be able to add them to your favorites timeline, the app also makes use of the devise Rails gem for a full user's authentication system and is deployed on Heroku, tested with RSpec and used PostgreSQL as the main database.
To get a local copy up and running follow these simple steps.
- npm
npm install npm@latest -g
- yarn
npm install yarn -g
- Clone the repo
git clone https://github.com/redvanisation/Tech-Talks.git
- Install Yarn packages
yarn install --check-files
- Set-up, migrate and seed the Database
rails db:drop db:create db:migrate db:seed
- Run the development server with only one of the below commands
./bin/webpack-dev-server
if that doesn't work then
./bin/webpack -w
- Start Rails server with the below command then navigate to
localhost:3000
in your browser
rails s
- You can use one of the seeded users to log-in or register a new one, the first seeded user has all the posts set as favorites and the second one doesn't have any favorites yet:
- email:
red@red.com
password:password
- email:
test@test.com
password:password
- email:
- After logging-in you will find a list of talks in a timeline you could click on the title or the arrow button to check more details about a talk, or you can access your favorites page by clicking the star button in the bottom.
- In the talk's details page you can find all the details about the talk, the location the speakers, the speciality and you can also add it to your favorites list by clicking
Add as fav
button, you will then be redirected to the favorites page. - In the favorites page you can see which talks you added as favorites and you could click the title or the arrow button to access the talk's details page.
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE
for more information.
Radouane Khiri - @redvanisation - LinkedIn - redvanisation@gmail.com
Tech Talks https://github.com/redvanisation/Tech-Talks
- Create an admin panel to create / update / delete talks.
- The ability to delete favorites talks.
- Feedback section of the app