Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/brunogroth/twitter

In Progress | Twitter clone app made in Laravel with Livewire, TailwindCSS, AlpineJS, MySQL using TDD methodology.
https://github.com/brunogroth/twitter

laravel livewire pest pest2 tdd twitter twitter-clone

Last synced: 14 days ago
JSON representation

In Progress | Twitter clone app made in Laravel with Livewire, TailwindCSS, AlpineJS, MySQL using TDD methodology.

Awesome Lists containing this project

README

        

Laravel Logo


Build Status
Total Downloads
Latest Stable Version
License

## Twitter Clone

Thit is a **complete Twitter clone** made in PHP + Laravel using **TALL** (Tailwind, Alpine.JS, Laravel and Livewire). It's not just frontend: is a complete **front & backend & database & authentication** project.

Have fun!

## How it Looks

📌 At the moment, this is the frontend (May 25th 2023):

![image](https://github.com/brunogroth/Twitter/assets/96024737/017b801d-6d60-431a-98a1-f2f20407fb0d)

## Installation
1. Clone the project
2. To install all dependencies, go to the project root directory and run `composer install` and `npm install`.
3. Create `.env` file and copy content from `.env.example` and set your MySQL DB connection variables (DB_USERNAME and DB_PASSWORD) at `.env` file.
4. [Create a Pusher account](https://pusher.com/) and create an channel setting Laravel as Backend for monitoring the application with WebSocket.
5. Get your PUSHER_APP_ID, PUSHER_APP_KEY and PUSHER_APP_SECRET an set them in your `.env` file.
6. Run migrations by executing `php artisan migrate`.
7. _(optional)_ I made possible to you generate some example tweets by using a TweetSeeder. For that, run `php artisan db:seed`.
8. Start the project by running `php artisan serve` and start the [Vite](https://vitejs.dev/) server (for serving css and js files) by running `npm run dev`.

## Author

**Bruno Groth**
[GitHub](https://github.com/brunogroth) | [LinkedIn](https://linkedin.com/in/bruno-groth/) | [Portfolio](https://brunogroth.github.io/Portfolio-React-Website)

## Contributing

Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/brunogroth/Twitter/issues).

## Show your support

Give a ⭐ if you like this project!

## Thanks

Special thanks for Pinguim do Laravel tutorial on this video.

## License

This project is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).